<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
</head>
<body>
    <h3>首页</h3>


    <script>
        // 该对象关于浏览器地址栏信息
        // console.log(location);
        // 获取页面地址
        var url = location.href; console.log(url);
        // 设置指定的页面地址
        // location.href = "./detail.html";
        // 获取协议
        console.log(location.protocol);// http
        // 获取端口
        console.log(location.port);// 5500
        // 获取服务器地址
        console.log(location.host);// 127.0.0.1:5500
        // 获取主机地址
        console.log(location.hostname);// 127.0.0.1 (本地IP) // 14.215.177.38
        // 获取地址栏的参数
        console.log(location.search);// ?username=admin&userpass=123123  如果想获取 admin 和 123123 这些数据,那么就需要结合字符串的API (split)
        // 获取锚点标记
        console.log(location.hash);//#login

   
        // 刷新页面的方法   location.href="/"
        // location.reload();


        // 跳转页面的方法
        // location.href="https://www.baidu.com"
        // location="https://www.baidu.com"
        // 替换当前地址栏路径
        // location.replace("https://www.baidu.com");




















        // 解码
        // var v1 = decodeURIComponent(url);
        // console.log(v1);

         // 编码
        //  var v2 = encodeURIComponent("源码");
        // console.log(v2);

        // 定义一句话
        // var str = "你看那天上的月亮,多像你欠我那两块钱";
        // var res = encodeURIComponent(str);
        // console.log(res);// 编码之后的字符
        // console.log(decodeURIComponent(res));// 解码之后的字符
        



    </script>
</body>
</html>